<!DOCTYPE html>
<html lang="en" style="font-size: 100px;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>自助签到</title>
    <link rel="stylesheet" type="text/css" href="style/sign/sign.css">
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/sign.js" type="text/javascript"></script>
</head>
<body>
  <div class="yy-screen-header">
      <div class="yy-screen-header_customer"></div>
      <div class="yy-screen-header_title">自助签到</div>
      <div class="yy-screen-header_time"></div>
  </div>
  <div class="yy-screen-content">
      <div class="yy-screen-content_card">
          <div class="yy-screen-content_card-img">
              <img src="static/shebaoka.png" alt="社保卡" style="height:100%; max-width: 25%;"/>
              <img src="static/yibaoka.png" alt="医保卡" style="height:100%; max-width: 25%;"/>
              <img src="static/tiaoma.png" alt="条码" style="height:100%; max-width: 50%;"/>
          </div>
          <div class="yy-screen-content_card-input">
              <div class="yy-screen-content_card-input-ctrl">
                  <span class="yy-screen-content_card-input-label">卡号</span>
                  <input class="yy-screen-content_card-input-input" type="text" />
              </div>
              <div class="yy-screen-content_card-input-button">
                  <button>读卡</button>
              </div>
          </div>
      </div>
  </div>
  <div class="yy-screen-footer">
      <div class="yy-screen-footer_company"></div>
      <div class="yy-screen-footer_text marquee" id="scrollText">
          <pre>              为了您和他人的健康,请勿在医院内吸烟。          </pre>
          <pre>              为了您和他人的健康,请勿在医院内吸烟。          </pre>
      </div>
  </div>

 <div id="sign_dialog" style="position: fixed; top: 0; bottom: 0; left: 0; right: 0;z-index:1;display: none;">
     <div class="yy-screen-dialog_mark" style="z-index: 2;"></div>
     <div class="yy-screen-dialog hide-sign-button" style="z-index: 3;">
         <div class="yy-screen-dialog_header">
             <span>确认框</span>
             <div class="yy-screen-dialog_header-right">
                 <div class="yy-screen-dialog_header-right-time">60秒后自动关闭</div>
<!--                 <div class="yy-screen-dialog_header-close">-->
<!--                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-6fbb019e=""><path fill="currentColor" d="M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"></path></svg>-->
<!--                 </div>-->
             </div>
         </div>
         <div class="yy-screen-dialog_body">
             <div style="display: flex; height: 100%;justify-content: center;align-items: center;">

             </div>
             <div class="yy-screen-dialog_body-message"></div>
         </div>
         <div class="yy-screen-dialog_footer">
             <button> 签到 </button>
             <button class="yy-screen-dialog_header-close"> 关闭 </button>
         </div>
     </div>
 </div>

  <div id="html-template-container" style="display: none; position: absolute; z-index: -1; width: 0;height: 0; overflow: hidden;">
      <div class="yy-screen-dialog_body-patient">
          <div>
              <div><span class="yy-screen-dialog_body-patient-label">患者姓名：</span><span></span></div>
              <div><span class="yy-screen-dialog_body-patient-label">挂号号序：</span><span></span></div>
              <div><span class="yy-screen-dialog_body-patient-label">挂号时间：</span><span></span></div>
              <div><span class="yy-screen-dialog_body-patient-label">挂号科室：</span><span></span></div>
              <div><span class="yy-screen-dialog_body-patient-label">接诊医生：</span><span></span></div>
              <div><span class="yy-screen-dialog_body-patient-label">等待人数：</span><span></span>人</div>
          </div>
      </div>


  </div>
</body>
</html>